<template>
    <el-card shadow="never" style="max-height: 700px; overflow: auto">
        <el-form ref="form" :model="form" :rules="rules" label-width="90px" :disabled="disabled">
            <!-- <el-form-item label="id:" prop="id" v-show="false">
                <el-input v-model="form.id" disabled />
            </el-form-item> -->
            <el-form-item label="到货天数:" prop="arrive_day">
                <el-input-number v-model="form.arrive_day" :step="1" :min="0"></el-input-number>
            </el-form-item>

            <el-form-item>
                <el-button type="primary" @click="submitForm">确认 </el-button>
                <el-button type="warning" @click="cancel">取消 </el-button>
            </el-form-item>
        </el-form>
    </el-card>
</template>

<script>
export default {
name: 'EditForm',
props: {
    findFormData: {
        type: Object,
        default: {}
    },
    editFormParams: {
        type: Object,
        default: {}
    },
    // 表单是否禁用
    disabled: {
        type: Boolean,
        default: false,
    },
    
},
data() {
    return {
        loading: false,
        // 编辑表单验证规则
        rules: {
    
        },
        form: [],
    }
},
watch: {
    findFormData: {
        handler(nval) {
            if (JSON.stringify(nval) != '{}') {
                this.$nextTick(() => {
                    this.form.arrive_day = nval.data.arrive_day
                    this.form.id = nval.data.id
                })
            }
        },
        immediate: true,
        deep: false,
    },
    
},
methods: {
    // 取消按钮
    cancel() {
        this.$emit('editFormCancel')
    },

    submitForm() { 
        this.$refs['form'].validate((valid, obj) => {
            if (valid) {
                this.$emit('submitForm', this.form)
            }
        })
    },

    // 表单重置
    reset() {
        this.resetForm('form')
    },
}
}
</script>

<style lang="scss" scoped>
</style>
